<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>全屏滚动</title>
	<meta name="author" content="bujiangfeng@jiayuan.com" />
	<meta name="Resource-type" content="Document" />
	<link rel="stylesheet" type="text/css" href="http://images1.jyimg.com/w4/common/c/base.css"/>
	<link rel="stylesheet" type="text/css" href="c/jquery.fullPage.css" />
	<link rel="stylesheet" type="text/css" href="c/downloadApp.css" />
	<!--[if IE]>
		<script type="text/javascript">
			 var console = { log: function() {} };
		</script>
	<![endif]-->
	<script src="http://images1.jyimg.com/w4/common/j/jquery.js"></script>
	<script src="js/jquery-ui.min.js "></script>
	<script type="text/javascript" src="js/fullPage.js"></script>
	<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$('#fullpage').fullpage({
				'verticalCentered': false,
				'css3': true,
				sectionsColor: ['#ff7e71','#30aedd','#3089dd','#ffae58','#ff6058'],
				// 地址栏会改变
				// anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', 'lastPage'],
				navigation: true,
				navigationPosition: 'right'
				// 鼠标移动上去之后显示的文字
				// navigationTooltips: ['fullPage.js', 'Powerful', 'Amazing', 'Simple']
			});
		});
	</script>
	<script type="text/javascript" src="js/downloadAPP.js"></script>
	<script type="text/javascript">
		$(function(){GetBrowserVersion();})
		function GetBrowserVersion(){
			var Sys = {};
			var ua = navigator.userAgent.toLowerCase(); 
			var s;
			(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : 
			(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] : 
			(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] : 
			(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] : 
			(s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
			if (Sys.ie){
				if(Sys.ie == '6.0' || Sys.ie == '7.0' || Sys.ie == '8.0'){
			   		$('.box_2').css('left','0');
			   		$('.top_3').css('margin','-224px 0 0 0');
			   		$('.bottom_3').css('margin','-524px 0 0 0');
			   		$(document).unbind('keydown');
			   		$("#fp-nav").css('display','none');
				}
			}
		}
	</script>
	<!--[if lte IE 6]>
    <script type="text/javascript" src="http://images.jiayuan.com/w4/msg/js/dd_belatedpng.js"></script>
    <script>
        DD_belatedPNG.fix('.ie6png');
        $(function(){
			$(".downloadbox").css('position','absolute');
			$("#fp-nav").css('position','abxolute');
        })
    </script>
    <![endif]--><!-- IE6 png -->
</head>
<body>
	<div class="downloadbox">
		<h6>您可以通过以下任一方式下载</h6>
		<div class="fn-clear">
			<div class="left">
				<div class="title"><i> 1</i> 手机扫描二维码下载</div>
				<div class="erweima"></div>
			</div>
			<div class="right">
				<div class="title"><i> 2</i> 手机扫描二维码下载</div>
				<div class="fun">
					<a class="apple" href="###">iPhone下载</a></br>
					<a class="android" href="###">Android下载</a>
				</div>
			</div>
		</div>
		<div class="bot">
			<div class="title"><i> 3</i> 手机浏览器访问：<span class="oran">http://v.jiayuan.com/d</span> 即可下载</div>
		</div>
	</div>
	<div id="fullpage">
		<div class="section">
			<div class="header">
				<div class="width1000 fn-clear">
					<h2>佳缘一对一</h2>
				</div>
			</div>
			<div class="wrap">
				<div class="box_1">
					<div class="top_1">
						<div class="head_left"><img src="./i/headleft.png" /></div>
						<div class="head_right"><img src="./i/headright.png" /></div>
						<div class="page1tip"><img src="./i/page1tip.png" /></div>
						<div class="mohu1"><img src="./i/mohu1.png" /></div>
						<div class="mohu2"><img src="./i/mohu2.png" /></div>
						<div class="mohu3"><img src="./i/mohu3.png" /></div>
						<div class="mohu4"><img src="./i/mohu4.png" /></div>
					</div>
					<div class="bottom_1 fn-clear">
						<div class="title-1">一对一服务</div>
						<div class="detail-1">为您筛选、推荐</br>万里挑一的</div>
					</div>
				</div>
			</div>
		</div>
		<div class="section">
			<div class="wrap">
				<div class="box_2">
					<div class="top_2">
						<div class="title-2">详细资料</div>
						<div class="detail-2">量身打造，详尽信息，为您在约会前对TA全面了解</div>
					</div>
					<div class="bottom_2">
						<div class="bigtip"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="section">
			<div class="wrap">
				<div class="top_3">
					<div class="title-3">约见评价</div>
					<div class="detail-3">一键评价，及时反馈</br>方便我们更好的为您服务</div>
				</div>
				<div class="bottom_3">
				</div>
			</div>
		</div>
		<div class="section">
			<div class="wrap">
				<div class="top_4 ">
					<div class="title-4">投诉红娘</div>
					<div class="detail-4">轻松投诉，全程监控，给您一对一服务的尊贵享受</div>
				</div>
				<div class="bottom_4"></div>
			</div>
		</div>
		<div class="section">
			<div class="wrap">
				<div class="box_5">
					<div class="top_5">
						<div class="title-5">VIP服务中心遍全国</div>
						<div class="detail-5">遍布全国，规范管理，为您提供始终如一的优质服务</div>
					</div>
					<div class="bottom_5">
						<div class="dottip"></div>
					</div>
				</div>
			</div>
			<div class="footer">
				<div class="notice">
					<i></i>温馨提示：“佳缘一对一”手机App未适配低版本手机机型，2011年以前购买手机的用户请使用手机浏览器访问<span class="oran">http://v.jiayuan.com</span>使用我们的服务。
				</div>
				<div>
					中文实名：<a href="http://www.jiayuan.com" target="_blank">世纪佳缘</a>
					© 2003-2015 版权所有 京公网安备110105002124号
				</div>
			</div>
		</div>
	</div>
</body>
</html>
